$(function () {
    //解析地址
    var turl = decodeURI(window.location.href);
    var id = turl.urlQueryString().id;
    $("#imgTest").css("min-height", $(document).height() - 337 + "px");


    var $table;
    //初始化bootstrap-table的内容
    function InitMainTable () {
        //记录页面bootstrap-table全局变量$table，方便应用
//          $('#grid').bootstrapTable('destroy');
        var queryUrl = '/TestUser/FindWithPager?rnd=' + Math.random()

        $table = $('#grid').bootstrapTable({
//          	contentType:"application/x-www-form-urlencoded; charset=UTF-8",
            url: 'data/trainlist.json',                      //请求后台的URL（*）
            method: 'GET', //请求方式（*）
            //toolbar: '#toolbar',              //工具按钮用哪个容器
            striped: false, //是否显示行间隔色
            cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true, //是否显示分页（*）
            sortable: true, //是否启用排序
            sortOrder: "asc", //排序方式
            sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1, //初始化加载第一页，默认第一页,并记录
            pageSize: 14, //每页的记录行数（*）
            pageList: [20,50,100], //可供选择的每页的行数（*）
            search: false, //是否显示表格搜索
            strictSearch: true,
            showColumns: false, //是否显示所有的列（选择显示的列）
            showRefresh: false, //是否显示刷新按钮
            minimumCountColumns: 2, //最少允许的列数
            clickToSelect: true, //是否启用点击选中行
            //height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID", //每一行的唯一标识，一般为主键列
            showToggle: false, //是否显示详细视图和列表视图的切换按钮
            cardView: false, //是否显示详细视图
            detailView: false, //是否显示父子表
            //得到查询的参数
            queryParams : function (params) {
                //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                var temp = {
                    pageSize: params.limit,                         //页面大小，一页多少行
                    pageNo: (params.offset / params.limit) + 1,   //页码
                    orderbyname: params.sort,      //排序列名
                    ascdesc: params.order//排位命令（desc，asc）


                };
                return temp;
            },
            columns: [
//              {
//                  checkbox: false,
//                  visible: true                  //是否显示复选框
//              },
                {
                    field: 'ln',
                    title: '序号',
                    align:"center",
                    width:"5%",
                    sortable: true
                }, {
                    field: 'titile',
                    title: '培训主题',
                    align:"center",
                    width:"",
                    sortable: true

                }, {
                    field: 'contentsource',
                    title: '地点',
                    align:"center",
                    width:"20%",
                    sortable: true
                }, {
                    field: 'vopublishdate',
                    title: '时间',
                    align:"center",
                    width:"20%",
                    sortable: true
                },  {
                    title: '操作',
                    width: '10%',
                    formatter:function(value, row, index) {
//                  	console.log(row.id)
                        return [
                            '<a style="color:#0071c7;" href="trainDetail.html?id='+row.id+'" title="查看" class="check">查看</a>'
                        ].join('');
                    },
                    events:"actionEvents",
                    align: 'center',
                    valign: 'middle'
                } ],
            onLoadSuccess: function () {
                $('.leftmenu').height($('.right-con').height());
            },
            onLoadError: function () {
                console.log("数据加载失败！");
            },
            onDblClickRow: function (row, $element) {
                var id = row.ID;
                EditViewById(id, 'view');
            },
            responseHandler: function(data){//前端分页--加
                return data.rows;
            }

        });

        window.actionEvents = {
            'click .check': function (e, value, row, index) {


            },
            'click .remove': function (e, value, row, index) {
//					confirm("确认删除记录？");

            }
        }



//          console.log($table)
    };


    InitMainTable()

})

